<template>
  <div class="footer">
    <span style="font-family:arial;">Copyright &copy; 2022 Just for fun.</span>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'AFooter'
})
</script>

<style scoped>
.footer {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px;
}
.footer span {
  display: inline-block;
  font-weight: 400;
}
</style>
